<template>
	<view>
		<swiper class="swiper" indicator-dots autoplay :style="getStyle">
			<swiper-item v-for='(item,index) in  swipers' :key='index'   @click='previewImg($event,index)'>
				<image :src="item.src" mode="widthFix" lazy-load :style="getStyle"></image>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		props: {
			swipers: {
				type: Array
			},
			height: {
				type: String,
				default: 350
			},
			preview:{
				type:Boolean,
				default:false
			}
		},

		computed: {
			getStyle() {


				return `height: ${this.height}upx;`   // 详情页面传递过来的大小是750 
			},
			
			getItemSrc() {
				return  this.swipers.map(v=>v.src)
			}
		},
		methods:{
			previewImg(e,i) {
				if(this.preview) {  // 如果preview 为真 那么表示当前轮播图需要实现预览图片功能 否则就啥都不做
				// 	console.log(e)
				// console.log(i)
					uni.previewImage({
						urls:this.getItemSrc,       //所有预览图片的数组的合集
						current:this.swipers[i].src, // 当前具体哪一个图片预览
						indicator:"default"
					})
				}
			}
		}


	}
</script>

<style>
</style>
